@charset "utf-8";
/* GiveAQuiz CSS */

body 
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #8f8f8f;
	line-height: 1.7em;
	font-size: 13px;
}

#header 
{
	width: 960px;
	height: 150px;
	background-color:#fff;
	text-align: left;
}
#navigation 
{	
	width: 740px;
	padding-top: 90px;
}

#logo 
{
	width: 220px;
	padding-top: 40px;
}

#callout
{
	width: 100%;
	height: 130px;
	background-image:url(../images/background-panel.jpg);
	background-repeat:repeat-x;
	background-color: #000;
}

#calloutPanel
{
	width: 960px;
	height: 130px;
	padding-top:10px;
	display:block;
	text-align: left;
	color: #FFF;

}

#calloutLeft
{
	display: block;
	width: 440px;
	padding-left: 40px;
	height: 100px;
}

#calloutRight
{
	display: block;
	width: 480px;
	height: 100px;
}

/* HOME PAGE CSS 
======================================*/
#contentContainer 
{
	background-image: url(../images/background-black.jpg);
	background-repeat:repeat-x;	
}
#content 
{
	background-image: url(../images/background-pencil.jpg);
	background-repeat:no-repeat;
	background-position: right 40px;
	background-color:transparent;
	width: 960px;	
	text-align: left;
}

#paper 
{
	background-image:url(../images/background-paper.png);
	min-height:500px;
	height: auto !important;
	height: 500px;
	width: 445px;
	padding-left: 90px;
	padding-right: 80px;
	padding-top: 80px;
}

/* INTERNAL PAGE CSS 
======================================*/

#internalPageHeaderContainer 
{
	width: 100%;
	background-color:#000;
}

#internalPageHeader
{
	width: 930px;
	height: 50px;
	padding-top: 30px;
	text-align: left;
	padding-left: 30px;

}	

#internalPageHeader h1 {
	font-size: 26px;	
}

#internalcontent 
{
	background-image: url(../images/background-pencil.jpg);
	background-repeat:no-repeat;
	background-position: right top;
	background-color:transparent;
	width: 960px;	
	text-align: left;
}

#internalPagesContent {
	min-height:500px;
	height: auto !important;
	height: 500px;
	width: 445px;
	padding-left: 30px;
	padding-top: 20px;
}


/* INTERNAL PAGES TWO COLUMN LAYOUT CSS 
======================================*/

#internalcontentTwoColumn
{
	width: 960px;	
	text-align: left;
}

#internalPagesContentRight {
	width: 445px;
	padding-top: 20px;
}

/* FOOTER CSS 
======================================*/

#footerContent 
{
	width: 100%;
	background-color: #000;
	font-size: 12px;

}
#footer
{
	width: 960px;
	height: 35px;
	padding-top: 15px;
		
}

#footerLeft
{
	width: 480px;
	text-align: left;
}

#footerRight
{
	width: 480px;	
	text-align: right;
}


/* GLOBAL or SPECIAL CLASSES
======================================*/

h1 {
	color: #ce2028;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 10px;
}

p {
	margin-bottom: 10px;
}

.clearDiv { clear: both; }

.floatLeft {
	display: block;
	float: left;
}

.floatRight {
	display: block;
	float: right;
}
